iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

從新手開始TypeScript系列 第 11

Day11-TypeScript(TS)的類別(Class)

  • 分享至 

  • xImage
  •  

今天要來介紹TypeScript(TS)的類別(Class),
以下幾項是需要特別注意的。

  • 使用class關鍵字定義類別
  • 使用constructor關鍵字定義建構函式
  • 類別不能直接當funciton來呼叫
  • 類別一定要搭配new關鍵字使用
  • 類別中可以包含以下成員 :
    屬性(Property)
    建構函式(Constructor)
    函式(Function)
    後續帶範例介紹。

類別的宣告如下,

class 類別名稱 {
    //類別程式碼
}

類別範例如下,

class Employee {
    //屬性(Property)
    empId: number;
    empName: string;

    //建構函式(Constructor)
   constructor(id: number, name: string) {
        this.empId = id;
        this.empName = name;
    }

    //函式(Function)
   showInfo() {
        return this.empId + "-" + this.empName;
    };
}

其中,類別中可以包含屬性(Property)建構函式(Constructor)函式(Function)
使用方式如下,

let emp1 = new Employee(1, "Mary");

console.log(emp1.empId) ; //1
console.log(emp1.empName) ; //Mary
console.log(emp1.showInfo()) ; //1-Mary

可由上述方式帶入與取出資料。

今日結語

今天介紹類別的使用方式,
有寫過C#的人肯定會覺得很熟悉,
寫法相當類似,
因此對於寫過C#的人來說學習起來也是相較容易的喔。


上一篇
Day10-TypeScript(TS)的索引型別(Indexable Type)
下一篇
Day12-TypeScript(TS)的選擇性屬性(Optional Properties)
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言